<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>小米账号 - 登录</title>
    <link rel="shortcut icon" href="{{asset('qt/images/favicon.ico')}}" type="image/x-icon" />
      <link rel="icon" href="{{asset('qt/images/favicon.ico')}}" type="image/x-icon" />
    <!-- Bootstrap -->
      <link href="{{asset('qt/css/bootstrap.min.css')}}" rel="stylesheet">
    <link href="{{asset('qt/css/reset200802.css')}}" rel="stylesheet" type="text/css">
    <link href="{{asset('qt/css/login.css')}}" rel="stylesheet" type="text/css">
  </head>
  <body>
    <div class="wrap">
      
      <!--账号登录-->
      <div class="register" id="zhdl">
        <!--右上角二维码-->
        <div class="register-ewm" id="ewm">
          <span></span>
        </div>
        
        <div class="register-logo">
          <img src="{{asset('qt/images/logo.png')}}" />
        </div>
        <h2>小米账号登录</h2>
        <div class="register-box">
          <div class="register-list">
            <!--邮箱账号-->
            <form action="{{url('home/login/dologin')}}" method="post">
              {{csrf_field()}}
              <div class="register-input">
                <input type="email" placeholder="邮箱/手机号码/小米账号" value="{{old('email')}}" name="email" style="width:320px" />
              </div>
              @if(session('em'))
              <p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
                      <i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
                      <span class="text-danger pull-left" style="color:#ff6700 ">{{session('em')}}</span>
                  </p>
                  @endif
                  <!--密码-->
                  <div class="register-input">
                <input type="password" placeholder="密码" name="password" style="width:320px" />
              </div>
              @if(session('passwd'))
                <p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
                                <i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
                          <span class="text-danger pull-left" style="color:#ff6700">{{session('passwd')}}</span>
                     </p>
                @endif
              <div class="register-input register-input-yzm">
                <input type="text" placeholder="图片验证码" name="code" style="width:200px;float:left;" />
                <a class="yzm-box" onclick="javascript:re_captcha();"><img src="{{ URL('kit/captcha/1') }}" alt="验证码" title="刷新图片" id="yzm" name="yzm" /></a>
              </div>
              <script>  
                function re_captcha() {
                  $url = "{{ URL('kit/captcha') }}";
                      $url = $url + "/" + Math.random();
                      document.getElementById('yzm').src=$url;
                }
              </script>
              @if(session('ce'))
              <p class="help-block glyphicon" style="color:#ff6700;margin-top:-20px;font-size:12px;line-height:25px;overflow: hidden;">
                              <i class="glyphicon pull-left glyphicon-minus-sign" style="margin:7px 5px 0 0;"></i>
                        <span class="text-danger pull-left" style="color:#ff6700">{{session('ce')}}</span>
                   </p>
                   @endif
            </div>
            <a class="register-btn">
              <input type="submit" value="立即登录" />
            </a>
          </form>
          <!--其他登录方式-->
              <div class="register-other">
                <fieldset class="oth_type_tit">
                        <legend align="center" class="oth_type_txt">其他方式登录</legend>
                      </fieldset>
                      <div class="register-other-link">
                        <a class="other-qq" href="#">
                          <i></i>
                        </a>
                        <a class="other-sina" href="#">
                          <i></i>
                        </a>
                        <a class="other-alipay" href="#">
                          <i></i>
                        </a>
                      </div>
                      <div class="other-text">
                        <p>
                          <a href="{{url('home/zhuce')}}">注册小米账号</a>
                          <b>|</b>
                          <a href="{{url('home/login/reset')}}" id="wjmm">忘记密码</a>
                        </p>
                      </div>
              </div>
        </div>
        
      </div>
      
      <!--二维码登录-->
      <div class="register" id="ewmdl" style='display: none'>
        <p style="height:30px;margin-top:20px" id="close">
          <span class="close-icon" title="关闭">
            <img src="{{asset('qt/images/close-icon.png')}}" />
          </span>
        </p>
        
        <h2 style="color:#FF6400;">小米账号扫码登录</h2>
        <div class="register-box" style="padding: 0;">
          <label>请使用最新版MIUI中“我的小米”进行扫码登录</label>
          <img class="ewm-pic" src="{{asset('qt/images/ewm-pic.png')}}" />
        </div>
        
      </div>
      
      <div class="footer">
        <ul>
          <li>
            <a class="active" href="#">简体</a>|
          </li>
          <li>
            <a href="#">繁体</a>|
          </li>
          <li>
            <a href="#">English</a>|
          </li>
          <li>
            <a href="#">常见问题</a>
          </li>
        </ul>
        <p>小米公司版权所有-京ICP备10046444-<img src="https://account.xiaomi.com/static/res/9204d06/account-static/respassport/acc-2014/img/ghs.png">京公网安备11010802020134号-京ICP证110507号</p>
      </div>
    </div>
    <script type="text/javascript">
//      获取右上角二维码ID
      var ewm = document.getElementById('ewm');
//      获取登陆面板ID
      var zhdl = document.getElementById('zhdl');
//      获取二维码登陆面板ID
      var ewmdl = document.getElementById('ewmdl');
//      获取二维码登录面板关闭按钮ID
      var close = document.getElementById('close');

//      右上角二维码点击事件
      ewm.onclick = function(){
        zhdl.style.display = 'none';
        ewmdl.style.cssText = "";
      }
//      二维码登录面板关闭按钮的点击事件
      close.onclick = function(){
        ewmdl.style.display = 'none';
        zhdl.style.cssText = "";
      }

    </script>
  </body>
</html>
